<script>
  export default {
    globalData: {
      userInfo: {},
      openId: '',
      replyUserId: false
    },
    onLaunch: function() {
      this.globalData.openId = uni.getStorageSync('openid')
      this.globalData.userInfo = uni.getStorageSync('userInfo')
    },
    onShow: function() {},
    onHide: function() {},
    onError: function(message) {
      console.error(message)
    }
  }
</script>

<style>
  /*每个页面公共css */
  page {
    box-sizing: border-box;
    font-size: 32rpx;
  }

  ::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none;
    background: transparent;
    color: transparent;
  }

  .fixed-bg {
    position: fixed;
    width: 100%;
    height: 100%;
  }

  .division {
    width: 100%;
    height: 1px;
    background-color: #e1e1e1;
  }

  .mt20 {
    margin-top: 20rpx;
  }

  .mb20 {
    margin-bottom: 20rpx;
  }

  .placeholder {
    font-size: 28rpx;
  }

  .flex {
    display: flex;
  }

  .flex-between {
    justify-content: space-between;
  }

  .gap30 {
    gap: 30rpx;
  }

  button {
    height: 75rpx;
    line-height: 75rpx;
    border-radius: 1000rpx;
  }

  button[size=small] {
    font-size: 28rpx;
    height: 60rpx;
    line-height: 60rpx;
  }

  button[type=default] {
    color: #fff;
    background-color: #6bd6cc;
  }

  .is-hover {
    background-color: #77f0e4;
    border-color: #77f0e4;
  }

  .recording {
    animation: linear boxshadow infinite 1.4s reverse;
  }

  .recording::after {
    content: '';
    display: block;
    width: 159rpx;
    height: 159rpx;
    border-radius: 50%;
    position: absolute;
    background: conic-gradient(green var(--percent), #4bc7bd var(--percent));
  }

  @keyframes boxshadow {
    0% {
      box-shadow: 0 0 0 0 rgba(75, 199, 189, .37), 0 0 0 5px rgba(75, 199, 189, .30), 0 0 0 10px rgba(75, 199, 189, .20);
    }

    50% {
      box-shadow: 0 0 0 0 rgba(75, 199, 189, .37), 0 0 0 10px rgba(75, 199, 189, .30), 0 0 0 15px rgba(75, 199, 189, .20);
    }

    100% {
      box-shadow: 0 0 0 10px rgba(75, 199, 189, 0), 0 0 0 15px rgba(75, 199, 189, 0), 0 0 0 20px rgba(75, 199, 189, 0);
    }
  }
</style>